<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <script src="./js/jquery-1.12.4.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
</head>

<body>
    <br>
    <br>
    <br>
    <br>
    <br>
    <div class="container">
        <div class="row">
            <input type="button" value="按钮1" class="btn">
            <input type="button" value="default" class="btn btn-default">
            <input type="button" value="primary" class="btn btn-primary">
            <input type="button" value="success" class="btn btn-success">
            <input type="button" value="info" class="btn btn-info">
            <input type="button" value="warning" class="btn btn-warning">
            <input type="button" value="danger" class="btn btn-danger">
            <input type="button" value="link" class="btn btn-link">
        </div>
        <br>
        <br>
        <br>
        <div class="row">
            <a href="" class="btn">按钮1</a>
            <a href="" class="btn btn-default">default</a>
            <a href="" class="btn btn-primary">primary</a>
            <a href="" class="btn btn-success">success</a>
            <a href="" class="btn btn-link">success</a>
        </div>
        <br>
        <br>
        <br>
        <div class="row">
            <button type="button" class="btn">按钮1</button>
            <button type="button" class="btn btn-default">default</button>
            <button type="button" class="btn btn-primary">primary</button>
            <button type="button" class="btn btn-success">success</button>
            <button type="button" class="btn btn-link">success</button>
        </div>
        <br>
        <br>
        <br>
        <div class="row">
            <button type="button" class="btn btn-default">default1</button>
            <button type="button" class="btn btn-default btn-lg">default2</button>
            <button type="button" class="btn btn-default btn-md">default3</button>
            <button type="button" class="btn btn-default btn-sm">default4</button>
            <button type="button" class="btn btn-default btn-xs">default5</button>
        </div>
        <br>
        <br>
        <br>
        <div class="row">
            <button type="button" class="btn btn-default btn-block">注册</button>
        </div>
        <br>
        <br>
        <div class="row">
            <button type="button" class="btn btn-default ">default5</button>
            <button type="button" class="btn btn-default active">default5</button>
            <button type="button" class="btn btn-default disabled">default5</button>
        </div>
    </div>
</body>

</html>